
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml">

	<ui:define name="body" >
		<h:form id="form" >

			<br />

			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="#{messages['filtrar']}" toggleable="true" toggleSpeed="500">	
				<h:panelGrid columns="2" id="gridFiltro">

					<h:outputLabel value="#{messages['produto.label.dataInicial']}: " for="dataInicial" styleClass="text-input" />
					<h:panelGrid columns="5">
						<p:calendar id="dataInicial" value="#{produtoHistoricoUsoMB.dataInicial}"
						   pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   locale="#{currentLocale}" title="#{messages['produto.alt.dataInicial']}" />
						   <p:message for="dataInicial" />
	
						<h:outputLabel value="#{messages['produto.label.dataFinal']}: " for="dataFinal" styleClass="text-input" />
						<p:calendar id="dataFinal" value="#{produtoHistoricoUsoMB.dataFinal}"
						   pattern="#{messages['label.date.pattern']}" navigator="true" showButtonPanel="true"
						   locale="#{currentLocale}" title="#{messages['produto.alt.dataFinal']}" />
						   <p:message for="dataFinal" />
					</h:panelGrid>
				</h:panelGrid>

				<p:commandButton value="#{messages['button.pesquisar']}" ajax="true" update="list" actionListener="#{produtoHistoricoUsoMB.filtrar()}">
				</p:commandButton>

			</p:fieldset>

			<br />
			<br />

			<p:dataTable id="list" var="otd" value="#{produtoHistoricoUsoMB.listaProdutoOTD}" >

				<p:column style="width:60%;font-size:12;" sortBy="#{otd.descricaoProduto}">
					<f:facet name="header">#{messages['produto.label.descricao']}</f:facet>
					<h:outputText value="#{otd.descricaoProduto}" />
				</p:column>

				<p:column style="width:20%;font-size:12;" sortBy="#{otd.quantidade}">
					<f:facet name="header">#{messages['produto.label.quantidade']}</f:facet>
					<h:outputText value="#{otd.quantidade}"  converter="bigDecimalConversor" />
				</p:column>

				<p:column style="width:20%;font-size:12;" sortBy="#{otd.valorTotal}">
					<f:facet name="header">#{messages['produto.label.valorTotal']}</f:facet>
					<h:outputText value="#{otd.valorTotal}" converter="bigDecimalConversor" />
				</p:column>
					
			</p:dataTable>

			<br/>
			<br/>
			<h:panelGrid columns="2">   
			         <h:commandLink immediate="true">  
			            <input type="button" title="Exportar" value="Exportar"/>  
			            <p:dataExporter postProcessor="#{produtoHistoricoUsoMB.postProcessXLSRecebimentos}" type="xls" target="list" fileName="dados_exportados"  />  
			        </h:commandLink>

			</h:panelGrid>
			
		</h:form>
	</ui:define>
</ui:composition>